<template>
  <view
    class="ranking-empty"
    :style="`background-image: url(${bgImg});`"
  >
    {{ text }}
  </view>
</template>

<script>
import { activity_offline } from "@/libs/image-url";
export default {
  name: "RankingEmpty",
  props: {
    bgImg: {
      type: String,
      default: activity_offline
    },
    text: {
      type: String,
      default: "暂无数据"
    }
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss">
.ranking-empty {
  margin-top: 200px;
  padding-top: 230px;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  color: #909399;
  background-repeat: no-repeat;
  background-size: 380px 200px;
  background-position: top center;
}
</style>
